
<nz-list *ngIf="msgList.length" [nzDataSource]="msgList" [nzRenderItem]="item" [nzItemLayout]="'horizontal'">
    <ng-template #item let-item>


            <nz-comment [nzAuthor]="item.username" >
            <nz-comment-content><p>{{ item.msg }}</p></nz-comment-content>
            <nz-avatar nz-comment-avatar nzIcon="user" [nzSrc]="item.headPortrait"></nz-avatar>
        </nz-comment>
    </ng-template>
</nz-list>

<nz-comment>
    <nz-comment-content>
        <nz-input-group nzSearch nzSize="large" [nzAddOnAfter]="suffixButton">
            <input type="text" [(ngModel)]="msg" nz-input placeholder="input msg text" />
        </nz-input-group>
    </nz-comment-content>
    <nz-avatar nz-comment-avatar nzIcon="user" [nzSrc]="user.headPortrait"></nz-avatar>
</nz-comment>

<ng-template #suffixButton>
    <button nz-button nzType="primary" nzSize="large" nzSearch  [disabled]="!msg"  (click)="handleSubmit()">发送</button>
</ng-template>
